<template>
	<view class="orderDetails">
		<TopHead :title="'审核'"></TopHead>
		<view class="conbox">
			<view class="">
				<view class="sh-item">
					<view>审核项目</view>
					<view>PICC维护</view>
				</view>
				<view class="sh-item">
					<view>内容1</view>
					<view>这个服务很不错</view>
				</view>
				<view class="sh-item">
					<view>内容2</view>
					<view>这个服务很不错</view>
				</view>
				<view class="sh-item sh-item2">
					<view>图片列表</view>
				</view>
				<view class="image-box">
					<image v-for="(item,index) in 4" :key="index" class="img-tp" src="../../static/img/index-yy3.jpg"></image>
				</view>
			</view>
			 
			<view class="btnBox">
				<view class="btn1">通过</view>
				<view class="btn2" @click="open">驳回</view>
			</view>
		</view>
		
		<uni-popup ref="popup" :mask-click="false">
			<view class="popupBox">
				
				<view class="popuptitle">
					<uni-icons type="closeempty" @click="close" class="closeempty" color="#040404" size="20"></uni-icons>
					驳回
				</view>
				<view class="formlist">
					<view class="ipt-title1">请输入驳回原因</view>
					<view class="iteminput">
						<input class="uni-input ipt" type="text" v-model="newuser"  placeholder="请输入" />
					</view>
				</view>
				<view  class="bdBtn" @click="close">确定</view>
			</view>
		</uni-popup>

	</view>
</template>

<script>
	import TopHead from '../../components/topHead/topHead.vue';
	 

	export default {
		components: {
			TopHead
			 
		},
		data() {
			return {
				items: [{
						value: '0',
						name: '余额',
						checked: 'true'
					},
					{
						value: '1',
						name: '微信'
					},
				],
				current: 0,
				beizhu: '',
				numer: 1, // 数量
				newuser:'',
			}
		},
		onLoad() {

		},
		onShow() {

			// this.initData()
		},
		onReachBottom() {
			// 触底分页
			console.log('触底')
			// if (this.total > this.list.length) {
			// 	this.page = parseInt(this.page) + 1
			// }
		},
		methods: {
			// 数据请求示例
			initData() {
				let _this = this;
				_this.$http.fetchData({
					url: '/api/biaoduan',
					method: 'GET',
					data: {},
					success(res) {
						// uni.showToast({
						// 	title: res.message,
						// 	icon: 'none'
						// });
						_this.list = [..._this.list, ...res.data]
						this.total = res.total
						let listData = res.data
						if (res.total == 1) {
							let id = listData[0].id
							let total = this.total
							let paramsStr = `?biaoduan_id=${id}&biaoduanTotal=${total}`
							uni.redirectTo({
								url: `/pages/procedureList/procedureList${paramsStr}`
							})
						}
					}
				})
			},
			// dianhua
			phoneCall(item) {
				uni.makePhoneCall({
					phoneNumber: '023-62433333' //仅为示例
				});
			},
			radioChange: function(evt) {
				for (let i = 0; i < this.items.length; i++) {
					if (this.items[i].value === evt.detail.value) {
						this.current = i;
						break;
					}
				}
			},
			// 弹窗
			open() {
				this.$refs.popup.open('center')
			},
			close() {
				this.$refs.popup.close()
			},
			

		}
	}
</script>

<style scoped>
	.orderDetails {
		background: #f3f3f3;
		height: 100%;
		box-sizing: border-box;
		overflow-y: auto;
	}

	.headBox {
		font-size: 36rpx;
		font-family: Microsoft YaHei, Microsoft YaHei-Bold;
		font-weight: 700;
		text-align: center;
		color: #232323;
		padding-top: 88rpx;
		padding-left: 30rpx;
		padding-right: 30rpx;
		padding-bottom: 112rpx;
		background: linear-gradient(89deg, #f9d7a6 1%, #ffdc95 100%);
	}

	.headBox .wzText {
		line-height: 56rpx;
	}

	.conbox {
		padding: 0 30rpx;
		padding-top: 190rpx;
		padding-bottom: 200rpx;
	}
	.sh-item {
		font-size: 28rpx;
		font-family: Microsoft YaHei, Microsoft YaHei-Bold;
		font-weight: 700;
		color: #5d4529;
		display: flex;
		padding: 45rpx 0;
		border-bottom: 2rpx solid rgba(94,94,94,.1);
	}
	.sh-item>view {
		flex: 1;
	}
	.sh-item>view:nth-child(2){
		flex: 3;
		font-family: Microsoft YaHei, Microsoft YaHei-Regular;
		font-weight: 400;
	}
	.sh-item2 {
		border: none;
	}
	.image-box .img-tp {
		width: 336rpx;
		height: 248rpx;
		display: inline-block;
		border-radius: 10rpx;
		margin-right: 17rpx;
		margin-bottom: 18rpx;
	}
	.image-box .img-tp:nth-child(2n){
		margin-right: 0;
	}

	.btnBox {
		padding: 0 80rpx;
		margin-top: 45rpx;
	}
	.btnBox .btn1 {
		background: #e47917;
		border-radius: 10rpx;
		text-align: center;
		line-height: 112rpx;
		font-size: 32rpx;
		font-family: Microsoft YaHei, Microsoft YaHei-Regular;
		font-weight: 400;
		color: #ffffff;
	}
	.btnBox .btn2 {
		font-size: 32rpx;
		font-family: Microsoft YaHei, Microsoft YaHei-Regular;
		font-weight: 400;
		text-align: center;
		color: #e47917;
		line-height: 112rpx;
		margin-top: 30rpx;
	}
	.popupBox {
		width: 690rpx;
		height: 518rpx;
		background: #ffffff;
		border-radius: 20rpx;
		padding-top: 34rpx;
	}
	.ipt-title1 {
		font-size: 28rpx;
		font-family: Microsoft YaHei, Microsoft YaHei-Regular;
		font-weight: 400;
		color: #5d4529;
		margin-top: 73rpx;
	}
	.popuptitle {
		position: relative;
		font-size: 28rpx;
		font-family: Microsoft YaHei, Microsoft YaHei-Regular;
		font-weight: 400;
		text-align: center;
		color: #5d4529;
	
	}
	
	.closeempty {
		position: absolute;
		left: 30rpx;
		top: 50%;
		margin-top: -20rpx;
	}
	.formlist {
		padding: 0 52rpx;
	}
	.iteminput {
		padding-top: 28rpx;
		padding-bottom: 15rpx;
		border-bottom: 2rpx solid rgba(94, 94, 94, 0.1);
	}
	.iteminput .ipt input {
		border: none;
	}
	.bdBtn {
		margin-top: 75rpx;
		margin-bottom: 70rpx;
		text-align: center;
		font-size: 32rpx;
		font-family: Microsoft YaHei, Microsoft YaHei-Regular;
		font-weight: 400;
		color: #ffffff;
		line-height: 48rpx;
		height: 112rpx;
		line-height: 112rpx;
		background: #e47917;
		border-radius: 10rpx;
		margin-left: 50rpx;
		margin-right: 50rpx;
	}
	

</style>